.demo1
    h1 Demo1

    a.btn.btn-show 打开所有焦点效果
    h2 material design   焦点1 (z-depth-[1..6])

    -var c = [0,1,2,3,4,5]
    .z-depth
        for i in c
            a.btn(class="z-depth-#{i}") 焦点#{i}
        h3 颜色
        for i in c
            a.btn(class="focus-color-#{i}") 焦点#{i}
        h3 border-radius
        for i in c
            a.btn.round(class="z-depth-#{i}") 焦点#{i}
        h3 wrapper
        for i in c
            .focus-wrapper
                a.btn 焦点#{i}
        h3 文字
        for i in c
            label(class="z-depth-#{i}") 焦点#{i}
        h3 input
        for i in c
            input.focus(class="focus-#{i}", value="焦点#{i}")
        .input-field.bordered
            input(value="border焦点")
            span.top
            span.right
            span.bottom
            span.left

    h2 table 焦点

    table.z-depth-4
        tr
            for i in c
                td(class="z-depth-#{i}") 焦点#{i}

        for i in c
            tr.focus(class="z-depth-#{i}")
                for j in c
                    td 焦点#{i}            



